*{
    padding:0;
    margin: auto;
}
.logo{
    margin-left: 173px;
}
.welcome{
    display: inline-block;
    width: 140px;
    height: 52px;
    text-align: center;
    line-height: 52px;
    font-size: 22px;
    border-left: 1px solid #efefef;
    margin-left: 25px;
    margin-top:11px;
    
}
.login-bg{
    height:541px;
    width: 100%;
    background: url(../img/gq/login-bg_02.png);
}
.login-box{
    border: 1px solid #e7e7e7;
    margin-top: 49px;
    display: inline-block;
    margin-left: 743px;
    text-align: center;
    background: white;
    width: 440px;
    height: 446px;
    >p{
        line-height: 71px;
        display: inline-block;
        font-size: 20px;    
    }
    >.warn{
        margin-bottom: 7px;
        text-align: left;
        background:#f8f8f8;
        width: 359px;
        height: 40px;
        line-height: 40px;
        >.warn-icon{
            margin-left: 21px;
            display: inline-block;
            width: 17px;
            height: 17px;
            line-height: 17px;
            text-align: center;
            color: white;
            border-radius: 50%;
            background: #eb413d;
        }
        >.warn-p{
            margin-left: 15px;
            color: #99999a;
            font-size: 13px;
        }
    }
.login-input{
    margin-bottom: 22px;
    width: 359px;
    height: 48px;
    border: 1px solid #e7e7e7;
    img{
        float: left;
    }
    .input{
        font-size: 13px;
        border: none;
        width: 314px;
        height: 46px;
       text-indent: 5px;
    }
}
.check-forgetpassword{
    width: 357px;
    height: 21px;
    text-align: center;
    >span{
        display: inline-block;
        
        font-size: 13px;
        float: right;
        >a{
            vertical-align: middle;
            color: black;
            text-decoration:underline;
        }
    }
}
.checkbox{
    float: left;
    display: inline-block;
    input{
        display: none;
    }
    >label{
        vertical-align: middle;
        display: inline-block;
        border-radius: 3px;
        text-align: center;
        line-height: 14px;
        background: #f8f8f8;
        border:1px solid #9d9d9d;
        width: 14px;
        height: 14px;
        >span{
            color: red;
            display: none;
        }
    }
    p{
        vertical-align: middle;
        display: inline-block;
        font-size: 13px;
    }
}

}
#one:checked + label >span{
    display: block;
}
.login-button{
    margin:24px 0;
    font-size: 15px;
    color: white;
    width: 357px;
    height: 54px;
    background: #eb413d;
    border-radius: 30px;
}
.clearfix:after{
        content: "";
        display: block;
        clear: both;
    }
.other-login{
    height: 63px;
    border-top:1px solid #e7e7e7;
    >ul{
        margin-left: 44px;
       float: left;
        display: inline-block;
        width:233px;
    }
    >ul>li{
        margin-top: 20px;
        width:73px;
        height: 24px;     
        float:left;  
        img{
            vertical-align: middle;             
        }
        span{    
            background: white;
            display: inline-block;
            vertical-align: middle;
            >span{
                border-right: 1px solid #e7e7e7;
                font-size:13px;
                width: 35px;
                text-align: left; 
            }
        }
    }
}
.other-login-icon{
            display: inline-block;
            width: 18px;
            height: 18px;
            line-height: 15px;
            text-align: center;
            color: white;
            border-radius: 50%;
            background: #eb413d;
            margin-top: 21px;
            + span >a{
                display: inline-block;
                font-size: 13px;
                color: #eb413d;
                margin-top: 21px;
            }
}

